<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      autocomplete="off"
      class="ant-form ant-form-vertical ant-pro-form"
      id="validate_other"
    >
      <input
        style="display: none;"
        type="text"
      />
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="validate_other_upload"
              title="Upload"
            >
              Upload
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <span
                  class="ant-upload-wrapper"
                >
                  <div
                    class="ant-upload ant-upload-select"
                  >
                    <span
                      class="ant-upload"
                    >
                      <input
                        accept=""
                        id="validate_other_upload"
                        name="file"
                        style="display: none;"
                        type="file"
                      />
                      <button
                        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                        type="button"
                      >
                        <span
                          aria-label="smile"
                          class="anticon anticon-smile"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="smile"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
                            />
                          </svg>
                        </span>
                        <span>
                          点击上传
                        </span>
                      </button>
                    </span>
                  </div>
                  <div
                    class="ant-upload-list ant-upload-list-picture"
                  />
                </span>
              </div>
            </div>
            <div
              class="ant-form-item-additional"
            >
              <div
                class="ant-form-item-extra"
                id="validate_other_upload_extra"
              >
                longgggggggggggggggggggggggggggggggggg
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <label
                  class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
                >
                  <span
                    class="ant-radio ant-wave-target"
                  >
                    <input
                      class="ant-radio-input"
                      id="validate_other_test"
                      type="radio"
                    />
                    <span
                      class="ant-radio-inner"
                    />
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <label
                  class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
                >
                  <span
                    class="ant-checkbox ant-wave-target"
                  >
                    <input
                      class="ant-checkbox-input"
                      id="validate_other_test2"
                      type="checkbox"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              title="是否打开"
            >
              是否打开
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <button
                  aria-checked="false"
                  class="ant-switch pro-field"
                  role="switch"
                  type="button"
                >
                  <div
                    class="ant-switch-handle"
                  />
                  <span
                    class="ant-switch-inner"
                  >
                    <span
                      class="ant-switch-inner-checked"
                    />
                    <span
                      class="ant-switch-inner-unchecked"
                    />
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="validate_other_dragger"
              title="Dragger"
            >
              Dragger
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <span
                  class="ant-upload-wrapper"
                >
                  <div
                    class="ant-upload ant-upload-drag"
                    style="flex-direction: column; align-items: center; display: flex;"
                  >
                    <span
                      class="ant-upload ant-upload-btn"
                      role="button"
                      tabindex="0"
                    >
                      <input
                        accept=""
                        id="validate_other_dragger"
                        name="files"
                        style="display: none;"
                        type="file"
                      />
                      <div
                        class="ant-upload-drag-container"
                      >
                        <p
                          class="ant-upload-drag-icon"
                        >
                          <span
                            aria-label="smile"
                            class="anticon anticon-smile"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="smile"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
                              />
                            </svg>
                          </span>
                        </p>
                        <p
                          class="ant-upload-text"
                        >
                          拖动上传
                        </p>
                        <p
                          class="ant-upload-hint"
                        >
                          支持 text
                        </p>
                      </div>
                    </span>
                  </div>
                  <div
                    class="ant-upload-list ant-upload-list-text"
                  />
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="validate_other_range"
              title="范围"
            >
              范围
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <div
                  class="ant-slider ant-slider-horizontal"
                  id="validate_other_range"
                  style="min-width: 120px;"
                >
                  <div
                    class="ant-slider-rail"
                  />
                  <div
                    class="ant-slider-track"
                    style="left: 0%; width: 5%;"
                  />
                  <div
                    class="ant-slider-step"
                  />
                  <div
                    aria-describedby="test-id"
                    aria-disabled="false"
                    aria-orientation="horizontal"
                    aria-valuemax="100"
                    aria-valuemin="0"
                    aria-valuenow="5"
                    class="ant-slider-handle"
                    role="slider"
                    style="left: 5%; transform: translateX(-50%);"
                    tabindex="0"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                test
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <input
                  class="ant-input ant-input-outlined"
                  type="text"
                  value=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <button
                  class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                  type="button"
                >
                  <span>
                    查看记录数
                  </span>
                </button>
                <span>
                  共有200条
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        style="display: flex; gap: 8px; align-items: center;"
      >
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            重 置
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span>
            提 交
          </span>
        </button>
      </div>
    </form>
  </div>
</DocumentFragment>